 
body{overflow: hidden;}
.n-main{min-width:1024px;} 
.box-content{min-width:400px;}
.n-cont{ clear:both;}
.n-boxsd{position:relative;box-shadow:1px 1px 4px #c6d0d6; background:#fff;}
.n-content .n-dttitle .select {margin-right: 20px;  }
.n-dttitle{ border-bottom:1px solid #D8E0E5; min-height:30px;  line-height:30px;  padding:10px; font-size:14px;}
.mrg-tp{padding-top: 53px;}
.list{box-sizing:border-box;padding:10px 10px 5px 10px;}
.n-content .list table .text-href{ padding-right: 15px; text-decoration:underline;color: #048fb0;}
.list td,.list th{text-align:center; line-height:28px; padding:2px; color: #333;}
.treelist td, treelist th {
    padding: 0px;
}
.list th{ background:#eaeaea; font-weight:normal; line-height: 28px;}
.even{background:#f0f0f0;}
.odd{background:#fff;}
.selected{background:#FF9900;}
.even:hover,.odd:hover{background-color: #e2eaf1;cursor: pointer;}
.n-window{padding:10px 10px;}
.panel-body {
    padding: 0px;
}
.content-box{box-shadow:none !important; background-color:transparent !important;margin: 5px !important;}
 
 
 

/*地图begin*/
.n-map .list {
 padding: 0px; 
 margin:0px;
}
.amap-info-content,h3{
    font-family: Microsoft Yahei;
    font-size:12px;
    min-width: 200px;
    max-width: 250px;
}
.amap-info-content{
    padding-right: 10px;
}
h3{
    margin: 0;
    font-size:13px;
}
#tip {
    
    color: #333;
    border: 1px solid silver;
    box-shadow: 3px 4px 3px 0px silver;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 5px;
    overflow: hidden;
    line-height: 20px;
}
#tip input[type="text"] {
    height: 25px;
    border: 0;
    padding-left: 5px;
    width: 280px;
    border-radius: 3px;
    outline: none;
}
#latlng {
    color: #333;
    border: 1px solid silver;
    box-shadow: 3px 4px 3px 0px silver;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    overflow: hidden;
    line-height: 20px;
    background-color:#ffffff;
    padding-left: 8px;
}
#latlng input[type="text"] {
    height: 25px;
    border: 0;
    width: 100px;
    border-radius: 3px;
    outline: none;
}
.spantitle {
    display: block;
    width: 180px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #FF6BBB;
    font-size: 12px;
    border-radius: 3px;
}
/*地图end*/
input[type=checkbox], input[type=radio] {
    margin: 0 0;
    margin-top: 1px \9;
    line-height: normal;
} 

/*标准配置开始*/
.pollStdWindow {
	width: 1000px;
	height: 600px;
}

.pollStdWindow .title {
	width: 86px
}

.pollStdWindow .content {
	width: 600px
}

.pollStdWindow .maxcontent {
	width: 270px;
	height: 60px;
}

.pollStdWindow .op-btn {
	text-align: center;
	margin-top: 15px
}
/*datagrid的行只显示为一行的样式*/
.datagrid-row td div{
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    height: 28px;
    line-height: 28px!important;
}
/*标准配置结束*/
#www{
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-box-sizing:border-box;
	background-color:#fff;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	box-shadow:1px 2px 3px #B7B5B5;
}
#www dl{
	margin: 0;
	padding-bottom:5px;
    
}
#www dl dt{
	background-color:#2e7cb9;
	box-sizing: border-box;
    padding:8px 15px;
	color:#fff;
	border-radius: 5px 5px 0 0;
	border:none;
}
#www dl dd{
	padding: 5px 15px !important;
	margin-left:0;
}

.menuCheckbox{
	margin: -2px 3px 0px 10px !important;
}
.window-close{display:none !important} 
.window-open{display:inline !important}
.tab-box{
     position: relative;
     margin-top: 5px;
     width: 100%;
     height: 31px;
     border-bottom: 1px solid #d8dcdd;
 }
 .tab-box a{
     padding: 5px 10px;
     background-color: #ddd;
     border: 1px solid #d8dcdd;
     margin-left: 5px;
     border-radius: 3px 3px 0 0;
 }
.tab-box a:hover,.tab-box a:focus, .tab-box a.select{
    background-color: #048fb0;
    color: #fff;
    border: 1px solid #048fb0;
}  
.title{
        height: 36px;
        line-height:36px;
        width: 100%;
        border-bottom: 1px solid #EAEAEA;
        box-sizing: border-box;
        padding-left: 10px;
        background-color: #E1E7F1;
}
.td_title{
 padding-left: 15px;padding-top:10px;padding-bottom:10px;
 text-align:right;
}
.td_title-l{
	padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.w110{width: 110px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w190{width: 190px;}

#reportDiv p{margin:0px !important;}

/***告警通知begin***/
.marlf8 {
	margin-left: 8px;
}

.newadd-alarm {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 700px;
}

.newadd-alarm .input-conmmon {
	border-radius: 0;
	border-color: #ddd;
}

.newadd-alarm .alarm-box, .newadd-alarm .notice-set {
	position: relative;
}

.alarm-box .common-p {
	margin: 5px;
	position: relative;
	display: block;
}

.alarm-box .alarm-type {
	width: 649px;
	display: inline-block;
	margin: 8px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.border-c {
	border: 1px solid #ddd;
}

.alarm-box .type-list {
	float: left;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:565px;
}

.alarm-box .type-list li {
	height: 28px;
	line-height: 28px;
	float: left;
	min-width: 100px;
	background-color: #eaeaea;
	border: 1px solid #ddd;
	margin:0 3px 10px 0;
	text-align: center;
	cursor: pointer;
	padding:0 4px;
}

.alarm-box .type-list li:last-child {
	margin-right: 0;
}

.alarm-box .type-list li.select {
	background-color: #35a7dc;
	border: 1px solid #35a7dc;
	color: #fff;
}

.alarm-title {
	height:25px;
}
.alarm-title b{ font-weight:normal;}

.alarm-box .notice-type {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.notice-set .set-title {
	margin: 11px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #148fc8;
	color: #fff;
}

.week-list {
	margin: 11px;
}

.week-list label {
	height: 40px;
	line-height: 40px;
}

.week-list ul {
	height: 40px;
	line-height: 40px;
}

.week-list ul li {
	position: relative;
	float: left;
	width: 75px;
	text-align: center;
}

.squared input[type=checkbox] {
	margin-left: -5px;
}

.squared label {
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 0;
	border: 1px solid #a5dadc;
	background-color: #fff;
}

.squared label:after {
	content: '';
	width: 9px;
	height: 5px;
	position: absolute;
	top: 3px;
	left: 2px;
	border: 3px solid #16bac0;
	border-top: none;
	border-right: none;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	opacity: 0.1;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squared label:hover::after {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3;
}

.squared input[type=checkbox]:checked+label:after {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

.time-select {
	display: inline-block;
	margin: 0 11px;
}

.time-select select {
	border-radius: 0;
	padding: 3px 12px;
	border: 1px solid #ddd;
}

.time-select label {
	line-height: 26px;
}

.time-select span {
	padding: 0 10px;
	line-height: 27px;
}

.time-select .set-btn {
	padding: 5px 22px;
	border-radius: 3px;
	color: #fff;
	background-color: #16bac0;
	margin-left: 15px;
}

.time-select .set-btn:hover {
	background-color: #00c8cf;
}
/*时间结果*/
.selet-result {
	height: 165px;
	overflow-y: auto;
	margin: 11px 11px 2px 11px;
	border: 1px solid #ddd;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.selet-result ul {
	display: inline-block;
}

.selet-result ul li {
	position: relative;
	float: left;
	width: 130px;
	text-align: center;
	padding: 5px 20px;
	border: 1px solid #dbdbdb;
	color: #fb5e09;
	margin: 10px;
}

.newadd-alarm .btns {
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.selet-result i {
	position: absolute;
	right: 0;
	top: 9px;
	width: 20px;
	height: 20px;
	background: url(../images/del.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}

.selet-result ul li:hover i {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.icon-addAlmUser{
	width:30px;
	height:30px;
	top:7px;
	cursor:pointer;
}
/***告警通知end***/

/*******自定义下拉框begin********/
.dropdown {
  /* Size & position */
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
   /* box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
        z-index: 999;
}
.dropdown li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #333;
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,1);*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown li i {
    float: right;
    color: inherit;
}

.dropdown li:first-of-type a {
    border-radius: 3px 3px 0 0;
}

.dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 3px 3px;
}

/* Hover state */

.dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.dropdown {
    opacity: 1;
    pointer-events: auto;
}
/*******自定义下拉框end********/

/*******自定义选择框begin********/
.btn-point{
	border: #ccc 1px solid;
	padding: 4px 10px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
.btn-area{
	border: #ccc 1px solid;
	padding: 4px 10px;
	border-right: none;
	border-radius: 4px 0 0 4px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
.btn-area.on,.btn-point.on{
	border: #2cb1d0 1px solid;
	background-color: #2cb1d0;
	color: #fff;
}
.drawdown{
    position: absolute;
    z-index:999;
}
.down-b{
	display:block;
	margin:0 auto;
	padding:10px;
	border:1px solid #2cb1d0;
	background-color:#fff; 
	border-radius:5px;
	width:100%;
}
.down-b ul {
	display:inline-block;
}
.down-b ul li{
	display:inline;
	float:left;
	width:50%;
	height:40px;
	line-height:40px;
}
.down-b ul li:hover{ cursor:pointer;}
.down-b ul li label{
	padding:3px 3px 5px 3px;  
	cursor:pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
}
.down-b ul li label:hover{background-color:#eaeaea; border-radius:3px;}
.down-b ul li label.on{ color:#007ab9; border-bottom: 2px solid #007ab9;}
/*******自定义选择框end********/

/*数据总览 开始*/
.minwidth{min-width: 1024px; overflow-y: auto;overflow-x: hidden;}
label{font-weight:normal;}
.form-t {display:inline-block;}
.form-t label{
	font-weight:normal;
	margin-bottom:0;
}
.form-t img{ 
	padding:5px;
	margin-bottom: 3px;
}
.form-t img:hover{ 
	background-color:#eaeaea; 
	border-radius:3px;
}
.update-time{ color:#666;}
.air-data{
	width:100%;
	background-color:#fff;
	height:500px;
	box-shadow: 1px 1px 4px #c6d0d6;
}
.n-content .containerd{ 
	width: 100%;
    float: left;
    margin-top: 12px;
    padding: 0;
}
.box-title{
	font-size:14px;
	height:40px;
	line-height:40px;
	background-color:#edeff1;
}
.box-title span{ 
	width:3px; 
	height:16px; 
	background-color:#09C; 
	float:left;
	vertical-align:middle;
	margin: 12px 5px 0 10px;
}
.tab-p{
	float:left;
	width: 50%;
    vertical-align: middle;
    display: block;
	box-sizing:border-box;
	padding:5px;
	height: calc(100% - 120px);
}
.tab-box{
	border:1px solid #ddd;
	height: 100%;
}
.tab-p ul{ 
	text-align: center;
    width: 140px;
    margin:15px auto;
    height: 40px;
}
.tab-p ul li{ 
	float:left;
	padding:5px 20px;
	background-color:#ddd;
}
.tab-p ul li.on{background:#3394e2; color:#fff;}
.tab-p .prog{padding:0 10px;}
.tab-p  form{
	display: flex;
	height:50px;
}
.tab-p label{
	float: left;
    width: 80px;
    text-align: right;
    padding-right: 15px;
}
.tab-p .prog .prag-box{
	width: calc(100% - 100px);
    height: 14px;
    margin-top: 3px;
    background-color: #ddd;
	border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.tab-p .prog .prag-box .zhanbi{
	color:#fff;
	text-align:center;
	height:14px;
	line-height:14px;
	font-size:12px;
	border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.map{
	float: left;
    width: 50%;
    text-align: center;
    padding: 5px;
    display: -webkit-box;
	height: calc(100% - 50px);
}
.air-data .tuli{ 
	position:absolute;
	left: 30px;
    bottom: 20px; 
}

.ontime-st{
	display: block;
    padding: 10px;
    margin: 0 auto;
}
.ontime-st ul{
	width: 100%;
    display: inline-block;
}
.ontime-st ul li{
	position:relative; 
	float:left;
	width:16.66%;
	margin-top:20px;
}
.ontime-st ul li .num-circle{
	position: relative;
    width: 52px;
    margin: 0 auto;
    top: -32px;
    height: 52px;
    border-radius: 50%;
    background-color: #d7d7d7;
    box-shadow: 1px 2px 4px rgba(0,0,0,.2);
    text-align: center;
}
.ontime-st ul li .num-circle div{
	position:absolute;;
	width:42px;
	height:42px;
	border-radius:50%;
	border:2px solid #fff;
	text-align:center;
	margin:5px 0 0 5px;
	vertical-align:middle;
	padding-top:5px;
	font-size:18px;
	text-shadow:1px 1px 3px rgba(36,33,39,.3);
	color:#fff;
	font-weight:bold;
}
.ontime-st ul li .num-line{
	width: 100%;
    height: 14px;
    background-color: #ddd;
}
/* .border-ll{border-radius: 7px 0 0 7px;} */
.border-rl{border-radius:0  7px  7px 0;}
.ontime-st .txt{
	position:relative;
	width:100%;
	text-align:center;
	top: -28px;
}
.all-count{
	width:100%;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px dashed #ccc;
	border-radius:5px;
}
.running-state{
	float:left;
	position:relative;
	width:40%;
}
.state-pic{ margin:0 auto;}
.state-pic .scale-chart{
	position:relative;
	width:100%;
	padding:5px;
	text-align:center;
	height:205px;
}
.state-pic .state-txt{
	width:100%;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}
.data-ac{ 
	float:left;
	position:relative;
	width:60%;
	border-left:10px solid #fff;
}
.data-st{
	border-left: 1px solid #ddd;
    height: 230px;
    margin: 10px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}
.data-st form{
	    width: 100%;
    display: flex;
    height: 40px;
    line-height: 40px;
}
.data-st form label {
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 15px;
}
.data-st form .prag-box {
    width: calc(100% - 120px);
    height: 14px;
    margin-top: 13px;
    background-color: #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 14px;
}
.data-st form .zhanbi {
    color: #fff;
    text-align: center;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
	background-color:#57c0fc;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#57c0fc', endColorStr='#0069f9', gradientType='1');
	background:-moz-linear-gradient(top, #0CABEF, rgba(37, 122, 239,.7));
	background: -webkit-linear-gradient(left, #0CABEF, rgba(37, 122, 239,.7));
	border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	
}
.data-st form  span{ font-size:12px;}
.data-ac .scroll{
	position: absolute;
    width: 100%;
    top: 50%;
	z-index:99;
}
.data-ac .scroll .pre,
.data-ac .scroll .next{
	opacity:.4;
}
.data-ac .scroll .pre{
	float:left;
	padding-left:15px;
	width:50%;
}
.data-ac .scroll .next{
	text-align:right;
	float:left;
	width:50%;
	padding-right:15px;
}
.data-ac .scroll .pre:hover{ opacity:1;}
.data-ac .scroll .next:hover{ opacity:1;}
.box-title img{ margin:0 5px 0 10px;}
.air-quality{ 
	position:relative;
	width:100%;
	height:260px;
	-webkit-box-sizing:border-box;
	-mos-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px;
}
.quality-index{
	background-color:#e0eaf2;
	height:100%;
	text-align:center;
}
.quality-index .index-box{
	width:100%;
	height:100px;
	padding-top:25px;
}
.quality-index .index-box .index-num,.quality-index .weather .w-pic{
	float:left;
	text-align:right;
	width:45%;
	height:80px;
	font-size:60px;
	font-weight:bold;
	border-right:1px dashed #ccc;
	padding-right:15px;
}
.quality-index .index-box .grade,.quality-index .weather .cont{
	float:left;
	text-align:left;
	width:55%;
	padding-left:15px;
	padding-top:10px;
}
.quality-index .index-box .grade p{
	height:30px;
	font-size: 20px;
    font-weight: bold;
}
.quality-index .weather{
	width:100%;
	height:130px;
	padding-top:30px;
}
.quality-index .weather .w-pic{
	width:40%;
}
.quality-index .weather .w-pic{
	border-right:none;
}
.quality-index .weather .cont p span{
	width: 25px;
    height: 18px;
    display: block;
    margin-left: 80px;
    margin-top: -20px;
    box-shadow: 1px 2px 3px #666;
}
.quality-index .weather .cont p{
    margin-bottom: 10px;
}
.trend-chart{
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.tab-btns{
	position: relative;
    height: 50px;
}
.tab-btns ul{
	display: block;
    position: relative;
    width: 100%;
    padding: 15px;
}
.tab-btns ul li{
	float:left;
	min-width:80px;
	height:30px;
	line-height:30px;
	border-radius:3px;
	text-align:center;
	background-color:#eaeaea;
	margin-right:15px;
}
.tab-btns ul li:hover{ cursor:pointer;}
.tab-btns ul li.on{
	background-color:#007ce6;
	color:#fff;
}
.trend-chart .chart-pic{
	height:198px;
	padding:10px;
	
}
.hours-chart{
	width:100%;
	height:260px;
	margin:0 auto;
	padding:10px;
}
/*圆点切换*/
.circle-qh{
	position: absolute;
    bottom: 20px;
    text-align: center;
    margin: 0 auto;
    left: 50%;
}
.circle-qh ul{ text-align:center;}
.circle-qh ul li{
	width:10px;
	height:10px;
	border-radius:10px;
	margin:0 5px;
	background-color:#ddd;
	float:left;
	border:1px solid #d1d1d1;
	cursor:pointer;
}
.circle-qh ul li.on{
	background-color:#FF8040;
	border:1px solid #FF712D;
}
@media screen and (max-width: 1024px){
.index-num{
    font-size: 40px !important;
}
.air-top{margin-top:-5px !important;}
.quality-index .index-box .grade p {
    height: 20px;
    font-size: 16px;
}
.w-pic img{ width:60px;}
.quality-index .weather .w-pic{ width:40% !important;}
.quality-index .index-box .grade, .quality-index .weather .cont {width: 50%;}
}
/*数据总览 结束*/

.box-zsgc .air-btn{color: #333;width: 50px;margin-right: 15px;cursor:pointer;}
.box-zsgc span.air-btn {
    height: 26px;
    line-height: 26px;
    width: auto;
    min-width: 60px;
    margin-right: 15px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 5px;
    background-color: #e0e0e0;
    margin: 5px 5px;
}
.box-zsgc span.air-btn.active {
    background-color: #48789e;
    color: #fff;
    border-radius: 2px !important;
    border: none !important;
    margin: 5px 5px;
}	
/***********title自定义样式begin***********/
.popinfo{
	position:absolute;
	z-index:999;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-box-sizing:border-box;
	background-color:rgba(0,0,0,0.701961);
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	white-space: nowrap;
	border-width: 0px;
	border-color: rgb(51, 51, 51);
    border-radius: 4px;
	color:#fff;
	padding: 5px;
}
.popinfo dl{
	margin: 0;    
}
.popinfo dl dd{
	padding: 5px 15px !important;
	margin-left:0;
}
/***********title自定义样式end***********/

@media screen and (max-width:1024px){
    body{
    	overflow: auto !important;
    }
    
    /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
	body::-webkit-scrollbar{
	    width: 6px;
	    height: 10px;
	    background-color: #fff;
	}

	/*定义滑块，内阴影及圆角*/
	body::-webkit-scrollbar-thumb{
	    height: 50px;
	    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	    background-color:#ddd;
	}
}